Unbounded

Add Element

Edit CSS Variable

A css variable is a great way to keep things like colors and other styles consistant. It allows you to define something like a color '#0a85ff' to a name like '--primary-color'. You can then user 'var(--primary-color)' to color an element, and then you can change that value here.

This allows you to change the color for your entire website easily without having to change it for every element.

Open

You can open a file or paste some html you wish to edit below

Edit a Class

Classes are a way to make sure your design is consistant. It allows you update the style of all elements with the same class with one change, instead of changing each element. This is useful for things like buttons that you want to be consistant on your page.

WARNING: styles applied to individual elements take precedence over styles in classes. So if you want have a class style show up on an element, make sure the corresponding style is blank on the element.

hover style

Edit an Animation

Animations are a great way to make your page stand out and feel more interactive. To create one you specify the style of the element at each keyframe below (you can skip keyframes). You can then apply this to an elements 'animation'.

keyframe 0%

New Page

Feel free to use one of the templates below or upload your own (html files).

Upload
Blank Page

A basic blank page for starting fresh

Splash Page

An splash image based landing page to show off something on your site.

Generic Business

A generic business page with a nav bar.

Portfolio

Basic portfolio page with a few cards for showing off your stuff!